<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>小伟花店</title>
		<script src="lib/bootstrap/js/jquery-3.2.1.min.js"></script>
		<script type="text/javascript" src="lib/bootstrap/js/bootstrap.min.js"></script>
		<script type="text/javascript" src="js/index.js"></script>
		<link rel="stylesheet" href="lib/bootstrap/css/bootstrap.min.css" />
		<link rel="stylesheet" href="css/index.css" />
		<link rel="stylesheet" href="css/ShoppingOrder.css" />
		<script src="js/ShoppingOrder.js"></script>
	</head>

	<body>
		<!-- 头部-->
		<div class="head">
			<a href="index.html">
				<img src="img/1.jpg" style="width: 100%;min-width: 1370px;">
			</a>

			<div class="navbar navbar-default">
				<!--导航栏标题部分-->
				<!--navbar-toggle打造导航栏按钮折叠的样式
					该类让按钮具备一定的样式并且让按钮小屏幕才可见
				-->

				<div class="navbar-header">
					<!--给其添加属性data-toggle="collapse"说嘛该按钮实现折叠的切换
							data-target="#nav-show"指定我切换的折叠div的id是nav-show
						-->
					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#nav-show">
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
					<a class="navbar-brand" href="index.html">
						<img class="logo" src="img/logo.png"></a>
				</div>

				<!--导航栏列表部分-->
				<!--给包含导航菜单的div加collapse类 navbar-collapse折叠该div
					collapse让该div不可见，navbar-collapse让其在非超小屏幕上可见-->
				<div id="nav-show" class="collapse navbar-collapse">
					<!--给ul添加类navbar-right右浮动-->
					<ul class="nav navbar-nav navbar-right" style="margin-right: 0;">
						<li>
							<a href="index.html" >首页</a>
						</li>
						<li>
							<a href="#" class="dropdown-toggle" data-toggle="dropdown">鲜花类型 </a>
							<ul class="dropdown-menu">
								<li>
									<a href="#">玫瑰花</a>
								</li>
								<li>
									<a href="#">满天星</a>
								</li>
								<li>
									<a href="#">百合</a>
								</li>
								<li>
									<a href="#">马蹄</a>
								</li>
							</ul>
						</li>
						<li>
							<a href="#" class="dropdown-toggle" data-toggle="dropdown">鲜花用途</a>
							<ul class="dropdown-menu">
								<li>
									<a href="#">爱情鲜花</a>
								</li>
								<li>
									<a href="#">生日鲜花</a>
								</li>
								<li>
									<a href="#">祝贺鲜花</a>
								</li>
								<li>
									<a href="#">婚庆鲜花</a>
								</li>
								<li>
									<a href="#">商务鲜花</a>
								</li>
							</ul>
						</li>
						<li>
							<a href="#" class="dropdown-toggle" data-toggle="dropdown">花语大全</a>
						</li>
						<li>
						    <button href="#" id="login" data-toggle="modal" data-target="#modaLoginDiv">登录</button>
						</li>
						<li>
							<button href="#" id="login" data-toggle="modal" data-target="#modaRegisterDiv">注册</button>
						</li>
						<!--dropdown类将li打成绝对定位-->
						<li class="dropdown">
							<!--data-toggle="dropdown"下拉切换数据-->
							<a href="#" class="dropdown-toggle" data-toggle="dropdown">个人中心
								<samp class="caret"></samp>
							</a>
							<!--dropdown-menu类菜单样式并且不可见-->
							<ul class="dropdown-menu">
								<li>
									<a href="#">个人主页</a>
								</li>
								<li>
									<a href="#">我的订单</a>
								</li>
								<li>
									<a href="#">余额:520元</a>
								</li>
								<li>
									<a href="#">服务流程</a>
								</li>
							</ul>
						</li>
					</ul>
				</div>
			</div>
			<!--放一个登录模态框的容器  -->
			<div class="modal" id="modaLoginDiv" style="background-color: rgba(0,0,0,0.5);">
				<!--模态框是覆盖整个页面的，在里面放置个模态对话框，里面放模态内容 添加个madal-dialog-->
				<div class="modal-dialog">
					<!--放模态框内容的div-->
					<div class="modal-content">
						<!--data-dismiss = "modal" 消除模态框功能-->
						<button type="button" class="close" data-dismiss="modal"><span style="color: red;" class="glyphicon glyphicon-remove"></span></button>
						<div class="modal-header">
							<h2>登录</h2></div>
						<div class="modal-body">
							<form id="form1">
								<div class="form-group">
									<label for="user">帐号</label>
									<input autofocus="autofocus" onblur="validateUser()" type="text" class="form-control" id="user" name="user"><span id="userSpan"></span>
								</div>
								<div class="form-group">
									<label for="pwd">密码</label>
									<input type="password" autofocus="autofocus" onblur="validatePwd()" class="form-control" id="pwd" name="pwe"><span id="pweSpan"></span>
								</div>
							</form>
						</div>
						<div class="modal-footer">
							<button class="btn btn-success" style="float: left;" data-dismiss="modal" data-toggle="modal" data-target="#modaRegisterDiv"><h5>没有有帐号注册</h5></button>
							<button onclick="register()" id="register" class="btn btn-primary"><h5>登录</h5></button>
						</div>
					</div>
				</div>
			</div>
			<!--放一个注册模态框的容器-->
			<div class="modal" id="modaRegisterDiv" style="background-color: rgba(0,0,0,0.5); ">
				<!--模态框是覆盖整个页面的，在里面放置个模态对话框，里面放模态内容 添加个madal-dialog-->
				<div class="modal-dialog">
					<!--放模态框内容的div-->
					<div class="modal-content">
						<!--data-dismiss = "modal" 消除模态框功能-->
						<button type="button" class="close" data-dismiss="modal"><span style="color: red;" class="glyphicon glyphicon-remove"></span></button>
						<div class="modal-header">
							<h2>注册</h2></div>
						<div class="modal-body">
							<form id="form1">
								<div class="form-group">
									<label for="loginUser">帐号</label>
									<input type="text" autofocus="autofocus" onblur="validateEnrollUser()" class="form-control" id="enrollUser" name="enrollUserSpan"><span id="enrollUserSpan"></span>
								</div>
								<div class="form-group">
									<label for="pwd">密码</label>
									<input type="password" autofocus="autofocus" onblur="validateEnrollPwd()" class="form-control" id="enrollPwd" name="loginPwd"><span id="enrollPwdSpan"></span>
								</div>
								<div class="form-group">
									<label for="pwd">确认密码</label>
									<input type="password"   autofocus="autofocus" onblur="confirmEnrollPwd()" class="form-control" id="confirmPwd" name="confirmPwd"><span id="confirmPwdSpan"></span>
								</div>
							</form>
						</div>
						<div class="modal-footer">
							<button onclick="login()" class="btn btn-primary" id="enroll">确认注册</button>
						</div>
					</div>
				</div>
			</div>
		</div>
		</div>
		<!--中部-->
		<div class="centre">
			<div class="title">
				<h2>我的购物车</h2>
				<p style="color: grey;">查看购物车商品清单，增加减少商品数量，并勾选想要的商品进入下一步操作</p>
			</div>
			<table class="table table-striped">
				<thead>
					<tr>
						<th><input type="checkbox" value="1" id="selectAll" checked="checked" style="width: 14px;height: 14px;">全选</th>
						<th>商品</th>
						<th>单价</th>
						<th>数量</th>
						<th>小计(元)</th>
						<th>操作</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td>店铺：小伟鲜花店</td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
					</tr>
					<tr>
						<td><input type="checkbox" checked="" nc_type="eachGoodsCheckBox" value="102924|1" id="cart_id102924" name="cart_id[]"><img src="img/kinship/kinship3.png" / style="width: 40px;height: 40px;margin-left: 55px;"></td>
						<td>鲜花-甜美的爱情</td>
						<td>461</td>
						<td>
							<a href="#" onClick="aClickNext()">-</a> <input id="value" value="1" orig="1" readonly="readonly" type="text" class="text w20">
							<a href="#" onclick="aClickUp()">+</a>
						</td>
						<td id="price">461</td>
						<td>删除</td>
					</tr>
					<tr>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td style=" font-size: 24px;" colspan=3> 商品总价（不含运费） <span id="total" style="font-size: 34px; color: green;font-weight: 600;">461</span>
							<span style="font-size: 34px; color: green;font-weight: 600;">.00</span></td>
					</tr>

				</tbody>
			</table>
			<a class="btn btn-danger"  href="PlaceOrder.html"><samp class="glyphicon glyphicon-hand-left"> 继续购物</samp></a>
			<a class="btn btn-danger" style="float:right "><samp class="glyphicon glyphicon-yen"> 去结算</samp></a>
		</div>
		<div class="bottom" style="margin-top: 100px;">
			<div class="faq-wrapper">
				<table cellspacing="5">
					<tr>
						<th>帮助中心</th>
						<th>支付方式</th>
						<th>售后服务</th>
						<th>客服中心</th>
						<th>关于我们</th>
						<th class="phone"><samp class="glyphicon glyphicon-phone-alt"></samp> 182-0989-6746</th>
					</tr>
					<tr>
						<td>
							<a href="">服务声明</a>
						</td>
						<td>
							<a href="">在线支付</a>
						</td>
						<td>
							<a href="">订单查询</a>
						</td>
						<td>
							<a href="">在线客服</a>
						</td>
						<td>
							<a href="">关于我们</a>
						</td>
						<td rowspan="3"><img src="img/weixin.png" /></td>
					</tr>
					<tr>
						<td>
							<a href="">如何注册会员</a>
						</td>
						<td>
							<a href="">银行汇款</a>
						</td>
						<td>
							<a href="">退换货政策</a>
						</td>
						<td>
							<a href="">配送范围</a>
						</td>
						<td>
							<a href="">联系我们</a>
						</td>

					</tr>
					<tr>
						<td>
							<a href="">积分兑换说明</a>
						</td>
						<td>
							<a href=""></a>
						</td>
						<td>
							<a href="">隐私条款</a>
						</td>
						<td>
							<a href=""></a>
						</td>
						<td>
							<a href="">合作及洽谈</a>
						</td>
					</tr>
				</table>
			</div>
			<div class="bootom-img">
				<img src="img/cf.png" />
			</div>
			<footer>
				<p>Copyright © 2017-2020 贵州-胡向伟 |贵ICP备1314520号</p>
				<p style="margin-left: 50px;">贵州网安备 5201314999999号</p>
			</footer>
		</div>
	</body>

</html>